import React from 'react';
import { connect } from 'react-redux';

const Home = (props) => {
    return (
        <div>
            {props.num}
            <button onClick={props.clickButton}>click</button>
        </div>
    );
};

const stateToProps = (state) => {
    return {
        num: state.home.num,
    }
}

//3.这里把action里的方法绑定到props上，可以通过Props使用，一般用于修改store里的数据
const dispatchTOProps = (dispatch) => {
    return {
        clickButton() {
            let action = {
                type: 'addNum',
            }
            // 用dispatch触发Store里的方法
            dispatch(action)
        },
    }
}
//4.通过react-redux提供的connect方法将我们需要的state中的数据和actions中的方法绑定到props上
export default connect(stateToProps, dispatchTOProps)(Home);